
<style type="text/css">
	.red {
		color:#f00;
	}
	.green {
		color:#0f0;
	}
</style>

<script>

	var subsectionContent = {
		  "subsection-a"		: "subsection-A.html"
		 ,"subsection-b"		: "subsection-B.html"
	};
	
	function GoToSubsection (p_cdSubsection) {
		NavUri.Save(1, p_cdSubsection);
		LoadSubsection(p_cdSubsection);
	}
	
	function LoadSubsection (p_cdSubsection) {
		$("#subsection_content").load(subsectionContent[p_cdSubsection]);
	}
	
	$(document).ready(
    	function () {
    		var cdSubsection = NavUri.Util.GetLabelByDepth(1);
    		if (cdSubsection) {
    			LoadSubsection(cdSubsection);
   	 		}
    	}
    );
</script>

Content of section <b>ONE</b>

<span class='red'>
	THIS IS RED TEXT 
</span>
<br><br>
<span class='blue'>
	THIS IS BLUE TEXT
</span>
<br><br>
<span class='green'>
	THIS IS GREEN TEXT
</span>

<div>
	<button type="button" onclick="GoToSubsection('subsection-a')">Navigate to subsection A</button>
	<button type="button" onclick="GoToSubsection('subsection-b')">Navigate to subsection B</button>
</div>

<div id="subsection_content" style="margin-top:50px;width:200px;height:200px;background-color:#ccc;"></div>
